﻿
@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}
@section css {
    <style>
        .IsException {
            color: red;
            font-weight: bold;
        }

        .IsNormal {
            color: blue;
        }

        .mui-bar ~ .mui-content .mui-scroll-wrapper {
            top: 44px;
            height: auto;
        }
    </style>
    <link href="~/Assets/css/previewImage.css" rel="stylesheet" />
}
<header class="mui-bar mui-bar-nav">
    <a class="mui-icon mui-icon-left-nav mui-pull-left" href="MIssueDealList"></a>
    <h1 class="mui-title" style="color:white;">问题处理</h1>
</header>
<div class="mui-content" ng-cloak ng-controller="IssueReportController" ng-init="Id ='@(Request.QueryString["Id"].IsEmpty() ? "" : Request.QueryString["Id"])';
     pagename ='@(Request.QueryString["pagename"].IsEmpty() ? "" : Request.QueryString["pagename"])';
     GetIssueDetail(Id);GetDealIssueList(Id);IssueDetailModel = {};IssueDetailModel.IssueId=Id;">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>园区</label>
            <input type="text" ng-model="IssueDetail.ParkName" />
        </div>
        <div class="mui-input-row">
            <label>场所</label>
            <input type="text" ng-model="IssueDetail.PlaceName" />
        </div>
        <div class="mui-input-row">
            <label>责任部门</label>
            <input type="text" ng-model="IssueDetail.DepartmentName" />
        </div>
        <div class="mui-input-row">
            <label>上报人</label>
            <input type="text" ng-model="IssueDetail.SubmitUserName" />
        </div>
        <div class="mui-input-row">
            <label>报告层级</label>
            <input type="text" ng-show="IssueDetail.Report==2" value="责任部门、安委办" />
            <input type="text" ng-show="IssueDetail.Report!=2" value="责任部门" />
        </div>
        <div class="mui-input-row">
            <label>上报时间</label>
            <input type="text" ng-model="IssueDetail.SubmitTime|JSONDate:'yyyy-MM-dd HH:mm'" />
        </div>
    </form>
    <h5 class="mui-content-padded">问题描述</h5>
    <div class="mui-input-row" style="margin: 10px 5px;">
        <textarea id="textarea" rows="5" ng-model="IssueDetail.Description"></textarea>
    </div>
    <p>&nbsp;&nbsp;&nbsp;&nbsp;问题照片</p>
    <div class="row image-list" style="margin-top:20px;margin-bottom:50px;">
        <img 吃class="image-item space" style="display:inline-block;margin-left:10px;" ng-src="{{x.FilePath}}" width="50" data-preview-src="" data-preview-group="1" ng-repeat="x in IssueDetail.FileList" />
    </div>

    <p>&nbsp;&nbsp;&nbsp;&nbsp;处理反馈</p>
    <div class="mui-input-row" style="margin: 10px 5px;">
        <textarea id="textarea" rows="5" ng-model="IssueDetailModel.Remark"></textarea>
    </div>
    <div class="mui-button-row" >
        <button type="button" ng-click="MDealIssue(IssueDetailModel,3,pagename);" ng-disabled="Loading" class="mui-btn mui-btn-success mui-btn-block">关闭问题</button>
    </div>
    <div class="mui-button-row" >
        <button type="button" ng-click="MDealIssue(IssueDetailModel,2,pagename);" ng-disabled="Loading" class="mui-btn mui-btn-primary mui-btn-block">问题治理</button>
    </div>
    <div style="height:80px;"></div>
</div>
@section js{
    <script src="~/Assets/js/mui.pullToRefresh.js"></script>
    <script src="~/Assets/js/mui.pullToRefresh.material.js"></script>
    <script src="~/Assets/js/mui.zoom.js"></script>
    <script src="~/Assets/js/mui.previewimage.js"></script>
    <script src="~/Assets/js/pg/IssueReport.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>

    <script>
        mui.init({
            swipeBack: false,
            keyEventBind: {
                backbutton: false  //关闭back按键监听
            }
        });

        mui.showLoading("正在加载..", "div");

        setTimeout(function () {
            mui.hideLoading();
            mui.previewImage();
        }, 2000);


    </script>
}